<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
<!--                <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
<!--                    <a href="javascript:void(0)" onclick="layer.msg('功能开通中。。。。。。!')" title="前台">-->
<!--                        <i class="layui-icon layui-icon-website"></i>-->
<!--                    </a>-->
<!--                </li>-->
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" layadmin-event="refresh" title="刷新">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
<!--                <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
<!--                    <input type="text" placeholder="搜索..." autocomplete="off" class="layui-input layui-input-search"-->
<!--                           layadmin-event="serach" lay-action="template/search.html?keywords=">-->
<!--                </li>-->
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" name="clear" title="清空缓存">
                        <i class="layui-icon layui-icon-delete"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    {if $total > 0}
                    <a lay-href="{:url('Myworkitem/index')}" layadmin-event="message" lay-text="消息中心">
                        <i class="layui-icon layui-icon-notice"></i>
                        <!-- 如果有新消息，则显示小圆点 -->
                        <span class="layui-badge-dot"></span>
                    </a>
                    {else }
                    <a href="javascript:void(0)" onclick="layer.msg('暂无新消息')" layadmin-event="message"
                       lay-text="消息中心">
                        <i class="layui-icon layui-icon-notice"></i>
                    </a>
                    {/if}
                </li>
<!--                <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
<!--                    <a href="javascript:;" layadmin-event="theme">-->
<!--                        <i class="layui-icon layui-icon-theme"></i>-->
<!--                    </a>-->
<!--                </li>-->
<!--                <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
<!--                    <a href="javascript:;" layadmin-event="note">-->
<!--                        <i class="layui-icon layui-icon-note"></i>-->
<!--                    </a>-->
<!--                </li>-->
<!--                <li class="layui-nav-item layui-hide-xs" lay-unselect>-->
<!--                    <a href="javascript:;" layadmin-event="fullscreen">-->
<!--                        <i class="layui-icon layui-icon-screen-full"></i>-->
<!--                    </a>-->
<!--                </li>-->
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;">
                        <cite>{$admin.nickname|raw}</cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a lay-href="{:url('user/info')}">基本资料</a></dd>
                        <dd><a lay-href="{:url('user/password')}">修改密码</a></dd>
                        <hr>
                        <dd>
                            <a href="javascript:;" name="logout" login-out="退出登录"
                               class="layuimini-clear">退出登录</a>
                        </dd>
                    </dl>
                </li>

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="about"></a>
                </li>
                <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                    <a href="javascript:;" layadmin-event="more"><i class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="layui-side-scroll">
                <div class="layui-logo">
                    <span>OA办公</span>
                </div>

                <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu"
                    lay-filter="layadmin-system-side-menu">
                    {foreach $menu as $key=>$value}
                    <li data-name="{$value.name}" class="layui-nav-item {if !$key}layui-nav-itemed{/if}">
                        <a href="javascript:;" lay-tips="{$value.title}" lay-direction="2">
                            <i class="layui-icon {$value.icon}"></i>
                            <cite>{$value.title}</cite>
                        </a>
                        {present name="$value['children']"}
                        <dl class="layui-nav-child">
                            {foreach $value['children'] as $k=>$v}
                            <dd data-name="{$v.name}" {if !$key && !$k}class="layui-this" {
                            /if}>
                            <a lay-href="{:url('admin/'.$v.name)}">{$v.title}</a>
                            </dd>
                            {/foreach}
                        </dl>
                        {/present}
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>

        <!-- 页面标签 -->
        <div class="layadmin-pagetabs layui-hide" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this"><i
                            class="layui-icon layui-icon-home"></i></li>
                </ul>
            </div>
        </div>
        <!-- 主体内容 -->
        <div class="layui-body" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="{:url('admin/home/index')}" frameborder="0" class="layadmin-iframe"></iframe>
            </div>
        </div>

        <!-- 辅助元素，一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>
</div>

<script src="/static/admin/layui/layui.js"></script>
<script>
    var init = "{:url('socket/init')}", say = "{:url('socket/say')}";
    layui.config({
        base: '/static/admin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['form', 'index', 'layim', 'jquery'], function () {

        var $ = layui.$
            , form = layui.form, layim = layui.layim;

        // ws = new WebSocket('ws://127.0.0.1:8282');
        //
        //
        // ws.onopen = function(){
        //     console.log("websocket握手成功!");
        //     var login_data = '{"type":"init","id":"{$id}","username":"{$username}","avatar":"{$avatar}","sign":"{$sign}"}';
        //     ws.send(login_data);
        // };
        // layim.config({
        //     isgroup:true,
        //     copyright:true,
        //     isNewFriend:true,
        //     init:{
        //         url:"{:url('admin/layim_list')}"
        //         ,type: 'get' //默认get，一般可不填
        //         ,data: {} //额外参数
        //     },
        //
        //     //上传图片接口
        //     uploadImage: {
        //         url: '/upload/image' //（返回的数据格式见下文）
        //         ,type: '' //默认post
        //     }
        //     ,members: {
        //         url: '/group/api/getMembers/'
        //         ,data: {}
        //     }
        //     //上传文件接口
        //     ,uploadFile: {
        //         url: '/upload/file' //（返回的数据格式见下文）
        //         ,type: '' //默认post
        //     },
        //     msgbox: layui.cache.dir + 'css/modules/layim/html/msgbox.html' //消息盒子页面地址，若不开启，剔除该项即可
        //     ,find: layui.cache.dir + 'css/modules/layim/html/find.html' //发现页面地址，若不开启，剔除该项即可
        //     ,chatLog: layui.cache.dir + 'css/modules/layim/html/chatlog.html' //聊天记录页面地址，若不开启，剔除该项即可
        //     ,notice: true
        // });
        //
        // layim.on('sendMessage', function(res){
        //     // 发送消息
        //     var mine = JSON.stringify(res.mine);
        //     var to = JSON.stringify(res.to);
        //     var login_data = '{"type":"chatMessage","data":{"mine":'+mine+', "to":'+to+'}}';
        //     ws.send(login_data);
        //
        // });
        // ws.onmessage = function(res){
        //     var data = eval("("+res.data+")");
        //
        //     switch(data['message_type']){
        //
        //         case 'chatMessage':
        //             layim.getMessage(data.data);
        //             break;
        //         // 离线消息推送
        //         case 'logMessage':
        //             console.log(1);
        //             setTimeout(function(){layim.getMessage(data.data)}, 1000);
        //             break;
        //
        //     }
        // };

        $(document).on("click", "a[name='logout']", function (event) {
            $.post(
                '{:url("admin/login/logout")}',
                function (res) {
                    if (res.code == 1) {
                        layer.msg(res.msg, {icon: 1, time: 2000}, function (index) {
                            layer.close(index);
                            window.location.href = res.url;
                        });
                    } else {
                        layer.msg(res.msg, {icon: 2, time: 2000}, function (index) {
                            layer.close(index);
                        });
                    }
                }
            );
        });

        $(document).on("click", "a[name='clear']", function (event) {
            $.post(
                '{:url("admin/login/wipecache")}',
                function (res) {
                    if (res.code == 200) {
                        layer.msg(res.msg, {icon: 1, time: 2000});
                    } else {
                        layer.msg(res.msg, {icon: 2, time: 2000});
                    }
                }
            );
        });
    });
</script>

